<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ExtJS is ready</title>
    <link rel="stylesheet" type="text/css" href="../ExtJS/resources/css/ext-all.css" />
    <script type="text/javascript" src="../ExtJS/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="../ExtJS/ext-all.js"></script>
    <script type="text/javascript" src="../ExtJS/src/locale/ext-lang-zh_CN.js"></script>
    <script type="text/javascript">
    Ext.onReady(function(){
    	Ext.MessageBox.alert('确认','当你看到这个对话框,基本上可以认为ExtJS已经配置正确');
        Ext.get('test').on('click', function(e){
            Ext.MessageBox.confirm('确认', 'ExtJS配置已经正确，还有什么问题吗？');
        });               
    });
    
    //下面语句作用是监听浏览器窗口的大小改变，不必放在OnReady()中，因为他监听的是window对象，这个对象
    // 在页面一打开的时候就存在了
    Ext.EventManager.onWindowResize(function(width,height){
    	Ext.MessageBox.alert('浏览器窗口变化','宽度 : '+width+', 高度 : '+height);	
        });
    </script>
</head>
<body>
<button id="test">点击检查ExtJS是否正确配置</button>
</body>
</html>